<template>
	<view>
		<view class="duilianpt" v-if="dataList.meansList && dataList.meansList.length">
			<template v-for="(item,inx) in dataList.meansList">
				<u-row v-if="isShowAll || (!isShowAll && item.is_true != 2) " justify="space-between" gutter="10" :key="inx">
					<u-col span="3">
						<view class="text-center u-content-color"><text>{{item.issue}}期:</text></view>
					</u-col>
			
					<u-col span="6">
						<view class="zodiac" v-for="(vl,vk) in item.means" :key="vk">
							{{dataList.remarks}} 【
							<text class="red-text" :class="{'draw-active' : vl.isTrue}">{{vl.value}}</text>
							<text class="black-text" v-if="vl.zodiac && vl.zodiac.length">+</text>
							<text class="green-text" v-if="vl.zodiac && vl.zodiac.length">
								<text v-for="(v,i) in vl.zodiac" :key="i" :class="{'draw-active' : v.isTrue}">{{v.value}}</text>
							</text>
							】
						</view>
					</u-col>
			
					<u-col span="2">
						<view class="nowrap">
							<text v-if="item.is_true > 0 && item.drawp" class="black-text">开:{{item.drawp}}</text>
							<text v-else  class="black-text">开:{{item.drawp || '??'}}</text>
						</view>
					</u-col>
					<u-col span="1">
						<u-icon v-if="item.is_true == 1" name="checkmark" size="16" color="#FF0000" style="float:right;font-weight: bold;"></u-icon>
						<u-icon v-else-if="item.is_true == 2" name="close" size="16"  style="float:right;font-weight: bold;"></u-icon>
					</u-col>
				</u-row>
			</template>
			<u-row justify="space-between" gutter="10" v-if="dataList.meansList[0].remark && dataList.meansList[0].remark.length">
				<u-col :span="(12 / dataList.meansList[0].remark.length)" v-for="(item,inx) in dataList.meansList[0].remark" :key="inx">
					<view class="text-center"><text class="green1-text">{{item.value}}：{{item.attr.join('')}}</text></view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
export default {
	name: 'DaYingJiaJinPai',
	props: {
	    // 定义一个名为dataList的prop来接收数组数据
	    dataList: {
	      type: [Object,Array],
	      default: () => {
			  return {};
		  },
	    },
		isShowAll :{
			type:[Boolean],
			default : () =>{
				return false;
			}
		},
	},
	data(){
		return {
			
		}
	},
	mounted() {
		
	},
	methods: {
	}
};
</script>

<style lang="scss" scoped>
@import "@/static/css/common.css";
</style>
